/**
 * ニュース詳細画面のクラスを定義する
 * Sencha共通のExt.Panelクラスから継承する
 */
jp.bbcs.rssclient.views.NewsDetail = Ext.extend(Ext.Panel, {
	// fit式のレイアウトを定義
	layout: 'fit',
	
	// ツールバーを定義
	dockedItems: [
		new Ext.Toolbar({
			ui: 'light',
			title: 'ニュース内容',
			dock: 'top',
			items: [
				new Ext.Button({
					text: '戻る',
					handler: function(button, event){
						Ext.dispatch({
							controller: jp.bbcs.rssclient.controllers.appController,
							action: 'list',
							animation: {type: 'slide', direction: 'right'}
						});
					}
				})
			]
		})
	],
	
	// 内容形式をHTMLに設定
	styleHtmlContent: true,
	
	// 表示のHTMLテンプレートを定義
	tpl: '<div class="detail_title">{title}</div><div class="detail_contents">{content}</div>',
	
	// スクロールを縦に定義
	scroll: 'vertical'
});